﻿<%@ include file="/static/include-console.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<html  class="no-js">
<head>
    <link rel="stylesheet" href="<c:url value='/static/components/paged/paged.css'/>"/>
    <script type="text/javascript" src="<c:url value='/static/components/paged/paged.js'/>"></script>
	<title>用户管理</title>
	<%@ include file="/static/meta.jsp"%>
</head>
<body>
<!-- header -->
<%@ include file="../layout/header.jsp"%>
<div class="am-cf admin-main">
  <!-- sidebar start -->
  <%@ include file="../layout/menu.jsp"%>
  <!-- sidebar end -->

  <!-- content start -->
  <div class="admin-content" >
    <div class="am-cf am-padding">
      <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">用户管理</strong> / <small>用户列表</small></div>
    </div>
	<table id="userTable" class="am-table am-table-bordered am-table-striped am-table-compact">
		<thead>
			<tr>
				<th width="5%">id</th>
				<th width="10%">账号</th>
				<th width="15%">用户名</th>
				<th width="20%">备注</th>
				<th width="10%">操作</th>
			</tr>
		</thead>
		<tbody>
			<tr v-for="user in items" v-cloak>
				<td>{{user.id}}</td>
				<td>{{user.username}}</td>
				<td>{{user.name}}</td>
				<td>{{user.remark}}</td>
				<td> 
				   <div class="am-btn-group am-btn-group-xs">
                      <button type="button" class="am-btn am-btn-default"><span class="am-icon-info"></span></button>
                      <button type="button" class="am-btn am-btn-default"><span class="am-icon-pencil"></span></button>
                      <button type="button" class="am-btn am-btn-default"><span class="am-icon-times"></span></button>
                   </div>
                </td>
			</tr>
		</tbody>
	</table>
	 <div class="page-bar" url="/haha" pageSize="1">
            <ul>
            <li v-if="showFirst"><a v-on:click="cur--">上一页</a></li>
            <li v-for="index in indexs"  v-bind:class="{ 'active': cur == index}">
                <a v-on:click="btnClick(index)">{{ index }}</a>
                </li>
                <li v-if="showLast"><a v-on:click="cur++">下一页</a></li>
                <li><a>共<i>{{total}}</i>页</a></li>
            </ul>
        </div>
  </div>
</div>

<footer id="footer-console"></footer>
</body>
	<script type="text/javascript" src="<%=cmpRoot%>/user.js"></script>
</html>
